﻿@using AppWeb.Componentes.DAReclamos.Model
@{
    ViewBag.Title = "Nuevo Reclamo";

    int idPuntoVenta = -1;
    Punto_Venta puntoVenta = null;
    if (Session["Usuario"] != null)
    {
        puntoVenta = new Punto_Venta();
        puntoVenta = (Punto_Venta)Session["Usuario"];
        idPuntoVenta = puntoVenta.id;
    }

    var tipos = ViewBag.Tipos as List<Tipo_Reclamo>;
    var reclamo = ViewBag.Reclamo as Reclamo;
    var cliente = ViewBag.Cliente as Cliente;
        
    if (reclamo == null)
    {
        reclamo = new Reclamo(); 
    }

    if (cliente == null)
    {
        cliente = new Cliente();
    }                            
}
<fieldset class="fieldset">
    <legend>Registro de un Nuevo Reclamo</legend>
    <div class="row-fluid">
        <div class="span10">
<form id="form-agregarreclamo" action="@Url.Action("AgregarClienteReclamo", "Reclamo", new { area = "PuntoVenta" })" method="post" enctype="multipart/form-data">

                <fieldset class="">
                    <legend>Cliente</legend>
                    <input type="hidden" name="idC" value="@cliente.id" />
                    <div class="offset1 span12">
                        <div class="span4" style="display: inline-block">
                            <div class="control-group" style="display: inline-block">
                                <label class="control-label" for="inputNombre">
                                    Nombre Completo</label>
                                <div class="controls" style="display: inline-block">
                                    <input type="text" id="inputNombre" name="nombre" placeholder="Nombre" required="required" value="@cliente.nombres"/>
                                </div>
                            </div>
                        </div>
                        <div class="span4">
                            <div class="control-group">
                                <label class="control-label" for="inputDni">
                                    DNI</label>
                                <div class="controls">
                                    <input type="text" id="inputDni" name="dni" placeholder="DNI" required="required" value="@cliente.documento_identidad_numero"/>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="offset1 span12">
                        <div class="span4">
                            <div class="control-group">
                                <label class="control-label" for="inputEmail">
                                    Correo</label>
                                <div class="controls">
                                    <input type="text" id="inputEmail" name="email" placeholder="Email" required="required" value="@cliente.email"/>
                                </div>
                            </div>
                        </div>
                        <div class="span4">
                            <div class="control-group">
                                <label class="control-label" for="inputTelefono">
                                    Telefono Fijo</label>
                                <div class="controls">
                                    <input type="text" id="inputTelefono" name="telefono" placeholder="Telefono" required="required" value="@cliente.telefono"/>
                                </div>
                            </div>
                        </div>
                        <div class="span4">
                            <div class="control-group">
                                <label class="control-label" for="inputCelular">
                                    Celular</label>
                                <div class="controls">
                                    <input type="text" id="inputCelular" name="celular" placeholder="Celular" required="required" value="@cliente.celular"/>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="offset1 span12">
                        <div class="span4">
                            <div class="control-group">
                                <label class="control-label" for="inputDireccion">
                                    Dirección</label>
                                <div class="controls">
                                    <input type="text" id="inputDireccion" name="direccion" placeholder="Dirección" required="required" value="@cliente.direccion"/>
                                </div>
                            </div>
                        </div>
                        <div class="span4">
                            <div class="control-group">
                                <label class="control-label" for="inputDistrito">
                                    Distrito</label>
                                <div class="controls">
                                    <input type="text" id="inputDistrito" name="distrito" placeholder="Distrito" required="required" value="@cliente.distrito"/>
                                </div>
                            </div>
                        </div>
                    </div>
                </fieldset>
                <fieldset class="">
                    <legend>Reclamo</legend>
                    <input type="hidden" name="idR" value="@reclamo.id" />
                    <input type="hidden" id="punto_venta_id" name="punto_venta_id" value="@idPuntoVenta"/>
                    <div class="offset1 span12">
                        <div class="span4">
                            <div class="control-group">
                                <label class="control-label" for="selectTipo">
                                    Tipo</label>
                                <div class="controls">
                                    <select class="select_tipo_reclamo" id="tipo_reclamo" name="tipo_reclamo"  required="required">
                                        <option title="" value="" selected="selected">Seleccione...</option>
                                        @if (tipos != null)
                                        {
                                            foreach (Tipo_Reclamo tipo in tipos)
                                            {
                                                <option value="@tipo.id" title="@(tipo.cantidad_dias_atencion)" @(reclamo.tipo_id == tipo.id ? "selected='selected'" : "")>
                                                    @tipo.nombre
                                                </option>
                                            
                                            }
                                        }
                                    </select>
                                    @if (tipos != null)
                                    {
                                        foreach (Tipo_Reclamo tipo in tipos)
                                        {
                                            <input type="hidden" class="hiden_dias" id="@tipo.id" value="@(tipo.cantidad_dias_atencion)"/>
                                        }
                                    }
                                </div>
                            </div>
                        </div>
                        <div class="span4">
                            <div class="control-group">
                                <label class="control-label" for="inicio">
                                    Atención Desde</label>
                                <div class="controls">
                                    <input type="text" id="inicio" name="inicio" class="Fecha_Solicitud" placeholder="Fecha Inicio de atencion"
                                           required="required" value="@reclamo.fecha_atencion_inicio.ToShortDateString()"/>
                                </div>
                            </div>
                        </div>
                        <div class="span4">
                            <div class="control-group">
                                <label class="control-label" for="final">
                                    Atención Hasta</label>
                                <div class="controls">
                                    <input type="text" id="final" name="final" class="Fecha_Solicitud" placeholder="Fecha Final de atencion"
                                           required="required" value="@reclamo.fecha_atencion_final.ToShortDateString()"/>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="offset1 span10">
                        <div class="span4">
                            <div class="control-group">
                                <label class="control-label" for="inputDescripcion">
                                    Descripción</label>
                                <div class="controls">
                                    <textarea id="inputDescripcion" name="descripcion"  required="required"  cols="150" rows="7" style="width: 1123px; height: 127px;">@reclamo.descripcion</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="offset1 span10">
                        <div class="control-group">
                            <div class="controls">
                                <input type="submit" id="grabarClienteReclamo" class="btn btn-success grabarClienteReclamo" value="Grabar" />
                            </div>
                        </div>
                    </div>
                </fieldset>
            </form>
        </div>
    </div>
</fieldset>
<script type="text/javascript">

    
        $.datepicker.setDefaults($.datepicker.regional['es']);
        $("#principal").find("#inicio").datepicker({ format: "dd/mm/yy", viewMode: 2 });
        $("#principal").find("#final").datepicker({ format: "dd/mm/yy", viewMode: 2 });

        $("#inputDni").mask("99999999");
        $("#inputCelular").mask("999999999");
        $("#inputTelefono").mask("9999999");

        var f = new Date();
        var dd = f.getDate();
        var mm = f.getMonth() + 1; //January is 0!
        var yyyy = f.getFullYear();
        if (dd < 10) {
            dd = '0' + dd;
        }
        if (mm < 10) {
            mm = '0' + mm;
        }

        var fecha = dd + '/' + mm + '/' + yyyy;
//        $("#principal").find("#inicio").val(fecha);


        $(".select_tipo_reclamo").change(function () {

            var select = $(this);
            var tipo = select.val();

//            var hdn = "#" + tipo;
//            //alert($("#principal").find("#inicio").val());
//            var fecha = new Date(2013, 0, 2);// ("2013-04-22");
//            //fecha.setMonth(4);

//            alert(fecha);
//            //            $("#principal").find("#final").val(fecha);


        });


        $('#form-agregarreclamo').submit(function () {
            //alert('click');
            $(this).ajaxSubmit({
                success: function (data) {
                    $("#mnuListadoReclamo").click();
                    
                },
                error: function (data) {
                    alert('Hubo un inconveniente con la operación.');
                }
            });

            return false;
        });

    
</script>
